@CHARSET "UTF-8";

body {
  text-align: center;
  }

#container {
  margin: 0 auto;
  width: 1024px;
  text-align: left;
  }

a {
	color: red;
	font-weight:bold;
	cursor: pointer;
	text-decoration: none;
}

input {
	color: black;
	text-align: center;
	background: #D1DEAC;
	height: 25px;

}
/*
input {
	color: red;
	font-size: 70px;
	height: 100px;
	width: 180px;
	text-align: right;
	font-family: cursive;
}

select {
	color: green;
	font-size: 70px;
	height: 100px;
	width: 200px;
	text-align: right;
	font-family: cursive;
}
*/


#ctrlWrap {
	clear:both;
	height: 35px;
	width: 100%;
	border: 2px solid #a1a1a1;
    border-radius: 25px;
    margin: 0px 0px 10px 0px;
    
	
}

.error {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
 
.msg {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
 
#login-box {
	width: 300px;
	padding: 20px;
	margin: 100px auto;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid #000;
}

#ctrlWrapNumber {
	clear:both;
	height: 65px;
	width: 100%;
	border: 2px solid #a1a1a1;
    border-radius: 25px;
    margin: 0px 0px 10px 0px;
    
	
}
#ctrlL{
	float: left;
	padding: 10px;
	
}
#ctrlR {
	float: right;
	padding: 5px 20px 0px 0px;
}

.tableDiv {
	border: 2px solid black;
	float: left;
	margin: 2px;
	width: 175px;
	height: 120px;
	padding: 2px;
	text-align: center;
	font-size: 15px;
}

.tableList {
	clear:both;
    border: 3px solid #a1a1a1;
    border-radius: 25px;
    text-align: center; 
    padding: 5px;
    width: 100%;
    margin: 15px 0px 15px 0px;
    font-size: 20px;
}
.tableList tr td{
    border: 1px solid #a1a1a1;
    border-radius: 10px;
    width: 1px;
}

.tableList tr td{
    border: 1px solid #a1a1a1;
    border-radius: 10px;
}

.tableList tr:hover{
   background-color: #ffff99;
}

.tableHeader{
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	background-color: yellow;
}



.tableListTotal {
	clear:both;
    border: 3px solid #a1a1a1;
    border-radius: 25px;
    text-align: center; 
    padding: 5px;
    width: 100%;
    margin: 15px 0px 15px 0px;
    font-size: 20px;
}
.tableListTotal tr td{
    border: 1px solid #a1a1a1;
    border-radius: 10px;
    width: 10%;
}

.tableListTotal tr td{
    border: 1px solid #a1a1a1;
    border-radius: 10px;
}

.tableListTotal tr:hover{
   background-color: #ffff99;
}

.tableListTotal .tableHeader{
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	background-color: yellow;
}
.fullBudgetTop{color: blue;text-decoration: underline;font-weight: bold;}
.fullBudgetDown{color: blue;text-decoration: underline;font-weight: bold;}
.bothBudgetTop{color: red;text-decoration: none;font-weight: bold;}
.bothBudgetDown{color: red;text-decoration: none;font-weight: bold;}

.limitinput{font-size: 20px;}
.limitTop{color: red;text-decoration: underline;font-weight: bold;}
.limitDown{color: blue;text-decoration: underline;font-weight: bold;}

.tableListSummary {
    border: 3px solid #a1a1a1;
    border-radius: 25px;
    text-align: center; 
    padding: 5px;
    width: 100%;
    height: 80%;
    margin: 15px 0px 15px 0px;
}
.tableListSummary tr td{
    border: 1px solid #a1a1a1;
    border-radius: 5px;
  	 width: 20px;
}


.tableListSummary tr td:hover{
  	 background-color: #ffff99;
  	 
}


.rowtd{
	background-color: #eeeeee;
}
.width100{
	width: 100%;
}

.number {
	font-size: 20px
}

.clear {
	clear: both;
}
.textB{font-weight: bold;}
.t500 {
	color: red;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}

.t300 {
	color: orange;
	font-size: 20px;
	font-weight: bold;
}

.blue {
	color: blue;
}

.black {
	color: black;
	font-size: 18px;
	font-weight: bold;
}

.blackBill {
	color: black;
	font-size: 16px;
	font-weight: bold;
}

.gray {
	background-color: #CCC;
}
.textred{
	font-size: 16px;
	background-color: purple;
	color: red;
	font-weight: bold;
	
}
.textTop{
	font-size: 16px;
	background-color: navy;
	color: white;
	font-weight: bold;
	
	
}
.textDown{
	font-size: 16px;
	background-color: aqua;
	color: black;
	font-weight: bold;
	
}
.textTang{
	font-size: 16px;
	background-color: orange;
	color: teal;
	font-weight: bold;
	
}
.textTangdown{
	font-size: 16px;
	background-color: fuchsia;
	color: yellow;
	font-weight: bold;
	
}
.textTod{
	
	font-size: 16px;
	background-color: purple;
	color: red;
	font-weight: bold;
}
.descColor {
	float: right;
	font-size: 16px;
	margin-right: 100px;
}
#addType{width: 160px;height: 40px;font-size: 25px; text-align: center;background-color: navy;color: white; }
#addNumber{width: 100px;height: 40px;font-size: 25px; text-align: center; background-color: navy;color: white;}
#addPrice{width: 150px;height: 40px;font-size: 25px; text-align: center; }
#addSubmit{width: 100px;height: 40px;font-size: 25px; text-align: center; background-color: red;color: black;font-weight: bold; }
.bigsize {
	font-size: 25px;
}
.clearBoth{
	clear: both;
}
.centerline{
	 text-align: center; 
}
#formAddNum{
	width: 100%;
	height: 50px;
}

.runNumber{
	text-align: right; 
	font-weight: bold;
	font-size: 22px;
	color:white;
	background-color: teal;
	border-radius: 10px;
}

.runNumberTop{
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	
	 
}
.runNumberDown{
	text-align: center; 
	font-size: 18px;
	color: orchid;
	text-decoration: none;
}

.runnumberTop{color: black;font-weight: bold;}
.runnumberDown{color: orange;font-weight: bold;}
#header {
	font-size:16px;
	font-weight:bold;
	text-align: center;
	border: 2px solid #a1a1a1;
    background: #eeeeee;
    border-radius: 25px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
}

#navWrap {
	clear:both;
	height: 35px;
	width: 100%;
	border: 2px solid #a1a1a1;
    background: #eeeeee;
    border-radius: 25px;
    margin: 0px 0px 10px 0px;
    
	
}
#navr {
	float: right;
	padding: 10px;
	
}
#navl {
	float: left;
	padding: 5px 0px 5px 20px;
	font-weight: bold;
}
#labelPage{
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	font-size: 16px
}

#section {
	clear:both;
	border: 2px solid #a1a1a1;
    border-radius: 25px;
    width: 100%;
    margin: 0px 0px 10px 0px;
}
#section #mainContent{
	padding: 10px;
}
#printSection td{font-size: 20px;}
#sectionThree {
	clear:both;
	border: 2px solid #a1a1a1;
    border-radius: 25px;
    width: 100%;
    margin: 0px 0px 10px 0px;
}
#sectionThree #mainContentThree{
	padding: 10px;
}

.sectionClass{
	clear:both;
	border: 2px solid #a1a1a1;
    border-radius: 25px;
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.sectionClass .mainContentClass{
	padding: 10px;
}


#footer {
	margin: 0px 0px 10px 0px;
	clear:both;
	clear: both;
	text-align: right;
	padding: 10px 30px 10px 0px;
	border: 2px solid #a1a1a1;
    padding: 10px 40px; 
    background: #eeeeee;
    border-radius: 25px;
}